﻿
 <!--footer start-->
 <span class="hr8"></span>
 
 <div class="footer">
		<div class="direct">
			<dl>
				<dt>如何付款</dt>
				<dd><a href="#" title="">·邮局汇款</a></dd>
				<dd><a href="#" title="">·银行付款</a></dd>
				<dd><a href="#" title="">·货到付款</a></dd>
			</dl>
			<dl>
				<dt>办理退换货</dt>
				<dd><a href="#" title="">·退货说明</a></dd>
				<dd><a href="#" title="">·保修（换货）说明</a></dd>
				<dd><a href="#" title="">·服务保障</a></dd>
			</dl>
		  <dl>
				<dt>帮助中心</dt>
				<dd><a href="#" title="">·找回密码</a></dd>
				<dd><a href="#" title="">·热点问题</a></dd>
				<dd><a href="#" title="">·怎样防止账户被盗？</a></dd>
			</dl>
			<dl>
			  <dt>我的帐户</dt>
				<dd><a href="#" title="">·注册时密码设置要求</a></dd>
				<dd><a href="#" title="">·注册会员要收费么？</a></dd>
				<dd><a href="#" title="">·如何注册</a></dd>
		  </dl>
			<dl>
				<dt>购物指南</dt>
				<dd><a href="#" title="">·在线支付</a></dd>
				<dd><a href="#" title="">·积分规则</a></dd>
				<dd><a href="#" title="">·购物步骤</a></dd>
			</dl>
		</div>
		<div class="cl_b co">
			<a href="#" title="">关于xxx</a> | <a href="#" title="">关于xxx</a> | <a href="#" title="">About xxx</a> | <a href="#" title="">服务条款</a> | <a href="#" title="">广告服务</a> | <a href="#" title="">招聘</a> | <a href="#" title="">客服中心</a> | <a href="#" title="">网站导航</a> | <a href="#" title="">版权保护投诉指引</a><br />
		</div>
	</div>
</div>
</div></div>
        <script type="text/javascript">
          $(document).ready(function() {
				/**
				 * the menu
				 */
				var $menu = $('#ldd_menu');
				
				/**
				 * for each list element,
				 * we show the submenu when hovering and
				 * expand the span element (title) to 510px
				 */
				$menu.children('li').each(function(){
					var $this = $(this);
					var $span = $this.children('span');
					$span.data('width',$span.width());
					
					$this.bind('mouseenter',function(){
						$menu.find('.ldd_submenu').css('z-index','10');
						$menu.find('.ldd_submenu').css('width','300px');
						$menu.find('.ldd_submenu').stop(true,true).hide();
						$span.stop().animate({'width':'100px'},300,function(){
							$this.find('.ldd_submenu').slideDown(300);
						});
					}).bind('mouseleave',function(){
						$this.find('.ldd_submenu').stop(true,true).hide();
						$span.stop().animate({'width':$span.data('width')+'px'},300);
					});
				});
            });
 </script>	
</body>
</html>